<template>
  <div class="address">
    <van-nav-bar title="添加新收获地址" left-arrow @click-left="back" />
    <van-address-edit
      :area-list="areaList"
      show-set-default
      show-search-result
      :search-result="searchResult"
      @save="onSave"
    />
  </div>
</template>

<script>
import areaList from "../assets/area";
export default {
  data() {
    return {
      areaList: areaList,
      searchResult: []
    };
  },

  methods: {
    onSave() {
      this.$toast("save");
    },
    back() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
.address{
    height:1334px;
    background: #f4f4f4;
}
.van-icon {
  color: #333;
  font-size: 36px;
}
.van-ellipsis {
  font-size: 30px;
}
.van-address-edit{
    margin-top:10px;
}
/deep/.van-button{
    position: fixed;
    bottom: 20px;
    width:90%;
    background: #000;
    color: #fff;
    border: 0;
}

</style>